{template "header.html"}


<div class="text-center">
    <button type="button" id="dr_check_button" onclick="dr_checking();" class="btn green-meadow"> <img width="15" src="{THEME_PATH}assets/images/loading-2.gif"> {dr_lang('执行中')}</button>
</div>

<div id="dr_check_result" class="margin-top-30" style="display: none">

</div>

<div id="dr_check_div"  class="well margin-top-30" style="display: none">
    <div class="scroller" style="height:250px" data-rail-visible="1"  id="dr_check_html">

    </div>
</div>

<div id="dr_check_ing" style="display: none">
    <div class="progress progress-striped">
        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">

        </div>
    </div>
</div>

<script>
    $(function () {
        dr_checking();
    });
    function dr_checking() {
        $.ajax({
            type: "GET",
            dataType: "json",
            url: "{$count_url}",
            success: function (json) {
                if (json.code == 0) {
                    $('#dr_check_button').attr('disabled', false);
                    $('#dr_check_button').html('<i class="fa fa-close"></i> {dr_lang('执行出错')}');
                    $('#dr_check_html').append('<p class="p_error"><label class="rleft">'+json.msg+'</label></p>');
                    $('#dr_check_div').show();
                    $('#dr_check_result').show();
                } else {
                    $('#dr_check_html').html("");
                    $('#dr_check_result').html($('#dr_check_ing').html());
                    $('#dr_check_div').show();
                    $('#dr_check_result').show();
                    $('#dr_check_button').attr('disabled', true);
                    dr_ajax2ajax(1);
                }
            }
        });
    }
    function dr_ajax2ajax(page) {
        $.ajax({
            type: "GET",
            dataType: "json",
            url: "{$check_url}&page="+page,
            success: function (json) {

                $('#dr_check_html').append(json.msg);
                document.getElementById('dr_check_html').scrollTop = document.getElementById('dr_check_html').scrollHeight;

                if (json.code == 0) {
                    $('#dr_check_button').attr('disabled', false);
                    $('#dr_check_button').html('<i class="fa fa-close"></i> {dr_lang('执行出错')}');
                    $('#dr_check_html').append('<p class="p_error"><label class="rleft">'+json.msg+'</label></p>');
                } else {
                    $('#dr_check_result .progress-bar-success').attr('style', 'width:'+json.code+'%');
                    if (json.code == 100) {
                        $('#dr_check_button').attr('disabled', true);
                        $('#dr_check_button').html('<i class="fa fa-check-circle"></i> {dr_lang('执行完成')}');
                    } else {
                        $('#dr_check_button').html('<img width="15" src="{THEME_PATH}assets/images/loading-2.gif"> {dr_lang('执行中')} '+json.code+'%');
                        dr_ajax2ajax(json.code);
                    }
                }
            }
        });
    }
</script>

<style>
    #dr_check_html .p_error {
        color: red;
    }
    #dr_check_html p {
        margin: 10px 0;
        clear: both;
    }
    #dr_check_html .rleft {
        float: left;
    }
    #dr_check_html .rright .ok {
        color: green;
    }
    #dr_check_html .rright .error {
        color: red;
    }
    #dr_check_html .rright {
        float: right;
    }
</style>

{template "footer.html"}